iT邦幫忙

2024 iThome 鐵人賽

DAY 21
0

第三週結束,我首次挑戰side project也告一段落,即將進入尾聲。前前後後加了一些簡易的功能,也做了許多優化與修改,雖然仍然需要ChatGPT的協助,過程中我還是學到了非常多語法、函式等。或許是不夠熟悉,尤其是中後期,總是找不到bug,遇到困難常常有想放棄的念頭,不過一想到這只是剛開始,未來還有更多問題會面臨,不可能每次都放棄,最後成功完成了這款記帳小工具。
畫面並不精美,功能不齊全,即使這是一個漏洞百出的網站,對我來說還是非常有意義。藉著鐵人賽的推力,我開始了我一直很想嘗試的side project,踏出了第一步,我相信未來還有其他我想做的題目也都能順利完成。
這幾天的心得分享完成後,來進到功能測試和檢查的部分吧🤩

功能測試與檢查

  1. 上週基本功能:更改了使用者介面後,很多基本功能出了問題,不過在後面幾天有慢慢修正,現在來確認是否能成功使用。
    https://ithelp.ithome.com.tw/upload/images/20241005/20169208lgd2hv2oWt.png
  2. 響應式設計:不同裝置的螢幕大小不同,就應該選擇適合此裝置的排版,因此需要響應式設計。
    https://ithelp.ithome.com.tw/upload/images/20241005/20169208mBvdfQ4lB4.png
    https://ithelp.ithome.com.tw/upload/images/20241005/20169208SMHqb3KGGs.png
    https://ithelp.ithome.com.tw/upload/images/20241005/20169208pQlW2T7PD2.png
  3. 添加紀錄編輯功能、引入圖表功能:若不小心打錯,重新輸入就會很麻煩,因此添加了編輯按鈕,方便使用者修正。另外,為了讓使用者有更好的體驗,能視覺化自己的收入與支出分析,加上了圖表功能,以圓餅圖呈現。
    https://ithelp.ithome.com.tw/upload/images/20241005/201692087bBba7zQws.png
    https://ithelp.ithome.com.tw/upload/images/20241005/20169208G7t0xdc1rV.png
  4. 類別分類功能:選擇類別,裡面包含各種常用的類別,讓使用者可以直接點選,這裡我覺得和類型輸入的部分有點重疊到,有在考慮要不要刪掉類型輸入。
    https://ithelp.ithome.com.tw/upload/images/20241005/201692080HliCGfAMd.png
  5. 日期保存功能:最新、最熱騰騰的功能,昨天才加上的,今天再來確認是否能正常運作。
    https://ithelp.ithome.com.tw/upload/images/20241005/20169208zDTU2Nkncg.png
    https://ithelp.ithome.com.tw/upload/images/20241005/20169208O6XQh29Sdw.png

總結

今天沒有發現什麼功能出問題,因此沒有更改,只有類別輸入的部分還在猶豫要不要刪掉,但今天是不會,覺得他還是有它存在的用意。這樣這週就結束了,要進入最後階段「部署和完善」。

參考資料

https://chatgpt.com/


上一篇
DAY20 添加日期保存功能
下一篇
DAY22 數據匯出功能,導出CSV文件
系列文
新手開發日記:跟著ChatGPT做記帳網頁30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言